Nessa aula, abordamos o tema de variáveis primitivas e como estruturá-las de forma eficiente fora do Figma, utilizando um template em uma planilha. Destaquei a importância de seguir uma estrutura consistente, semelhante à do Figma, para facilitar a criação e manutenção dos Design Tokens.

Taxonomia de Tokens de Design da Hive

https://docs.google.com/spreadsheets/d/12GstGs0TWJ...

cfPRO - Design Tokens Toolkit

https://www.figma.com/community/file/1295485236330...​​

Pontos importantes da aula incluem:

• Estrutura de Pastas do Figma: A estrutura de pastas do Figma serve como base para a organização das variáveis, seguindo categorias como cores, espaçamento, tamanho, etc.
• Criação de Variáveis: Mostrei como criar variáveis sem a necessidade de digitar cada uma manualmente, utilizando a estrutura de categorias, elementos, variantes, color mode, escala, entre outras no nosso template.
• Uso de Planilhas: Enfatizei a vantagem de usar planilhas (como Excel ou Google Sheets) para gerenciar os tokens, pois permite a colaboração com a equipe, inclusive com membros que não têm acesso ao Figma, e facilita o compartilhamento de informações.
• Automatização, Fórmulas e Expressões: Expliquei como as planilhas permitem automatizar processos, como inverter valores para temas claros e escuros. Além da velocidade de simplesmente copiar e colar dezenas de estruturas em segundos.
• Tipos de Variáveis no Figma: O Figma reconhece atualmente quatro tipos de variáveis: cores, números, booleanos e strings. Na aula, focamos nas cores.
• Construção de Tokens: Demonstrei como construir um novo token de cor, explicando cada parte do processo, desde a seleção da categoria até a inserção do valor da cor.
• Documentação e Acessibilidade: Ressaltei a importância de documentar as variáveis de forma acessível para toda a equipe, e como a planilha facilita esse processo.
• Próximos Passos: Adiantei que nas próximas aulas, mostrarei como criar tokens semânticos e como importar os tokens criados na planilha para o Figma.

Ao final da aula, os alunos devem ter uma compreensão clara de como estruturar e gerenciar variáveis primitivas fora do Figma, utilizando um template de planilha para facilitar a criação e documentação de Design Tokens de forma colaborativa e eficiente.